import {Input, Tabs} from "antd";
import JournalsBox from "./Components/journalsBox.tsx";

const { Search } = Input;
const LiteratureTracking = () => {
    const onChange = (key: string) => {
        console.log(key);
    };

    const items= [
        {
            key: '1',
            label: '精准推送',
            children: 'Content of Tab Pane 1',
        },
        {
            key: '2',
            label: '关注期刊',
            children: 'Content of Tab Pane 2',
        },
        {
            key: '3',
            label: '所有',
            children: <JournalsBox />
        },
    ];
    const onSearch = (value: string) => console.log(value);
    return (
        <>
            <div>
                <Search
                    placeholder="请输入关键词..."
                    allowClear
                    enterButton="搜索"
                    size="large"
                    onSearch={onSearch}
                />
            </div>
            <Tabs defaultActiveKey="1" items={items} onChange={onChange} />
        </>
    )
}

export default LiteratureTracking